<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>demo</title>
<script src="cssdoc.js"></script>
<style id="Demo">
/**
* @fileOverview cssdoc测试
* @description 仅测试cssdoc使用
* @author viczen
* @version 0.1
* @images /
*/
/****reset style****/
* {padding:0;margin:0;}

/**** base public****/
body {font:12px/20px Verdana,Helvetica, Arial, sans-serif}
a {color:#3366CC;text-decoration:none;}
a:hover {color:#117CFF;text-decoration: underline;}

/** @global {text} 重要文本*/
.text-important {font-weight:bold;color:red;}
/** @global {text} 说明性文本 */
.text-desc {color:gray;}

/**
 * @global {content} 列表
 * @demo
 * <ul {#selector#}>
 * 	<li>{#content#}</li>
 * 	<li>{#content#}</li>
 * 	<li>{#content#}</li>
 * </ul>
 */
.list {line-height:1.6em;list-style-position:outside;padding:0 0 0 2.5em;}
	ul.list {list-style-type:disc;}
	ol.list {list-style-type:decimal;}

.page {width:980px;margin:20px auto;}
/**
 * @global {layout} 布局
 */
.grid {}
	.col-main {float:left;width:100%;}
	.col-sub,.col-extra {float:left;}
.grid-c2 .main-wrap {margin-left:290px;}
	.grid-c2 .col-sub {width:280px;margin-left:-100%;}

/**
 * @module 侧边栏目
 * @description 侧边栏的模块
 * @demo
 *<div {#selector#}>
 *	{<h2 class="widget-title">{#title#}</h2>}
 *	<div class="widget-entry">
 *		{#content#}
 *	</div>
 *<div>
 */
.widget {margin-bottom:10px;padding:5px;background:#F5FFD9;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
	.widget-title {height:25px;line-height:25px;color:#415111;font-size:14px;border-bottom:solid #DCE0CD 1px;}
	.widget-entry {padding:5px;}
</style>
</head>

<body>
<script>
var file = document.getElementById('Demo').innerHTML;
execFile(file);
</script>
</body>

</html>